@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整,防止正着放和横着放 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-appearance: none;
  resize: none;
}
/* 取消链接高亮  */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* 图片自适应 */
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  border: none;
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
}
/* 初始化 */
body,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}
body {
  overflow-x: hidden;
  font: normal 14px/1.5 Tahoma, "Lucida Grande", Verdana, "Microsoft Yahei", STXihei, hei;
}
em,
i {
  font-style: normal;
}
strong {
  font-weight: normal;
}
/*a {
  text-decoration: none;
  color: #333;
}*/
a:active {
  color: #f60;
}
/* 按下状态，手机是没有hover只有按下效果 */
ul,
ol {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
.clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}
body {
  font-size: 14px;
  font-family: '微软雅黑';
  color: #a6a6a6;
  /*background-color: #e9e9eb;*/
}
.page{
	display:flex;
	flex-direction: column;
  justify-content: space-between;
}
.page .header{
	height: 3rem;
}
.page .content{
	flex: 1 1 auto;
	overflow: auto;
	flex-direction: column;
}




.header{
	/*height: 3rem;*/
	background-color: #3b99fb;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header #title{
	color: white;
	font-size: 1rem;
	padding-left: 1rem;
}
.header #tips{
	padding-right: 1rem;
}
.nav-order{
	height: 7rem;
	background-color: #FFFFFF;
}
.nav-title{
	display: flex;
	color: black;
	height: 2rem;
	align-items: center;
	justify-content: space-between;
	padding: 0rem 1rem;
}
.nav-title .nav-head{
	font-weight: 900;
}
.nav-title .nav-tips a{
	font-size: 0.5rem;
	color: #0091ff;
	/*border-bottom: solid #3B99FB;*/
}
.nav-icon{
	display: flex;
	padding: 0rem 1.5rem;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	color: black;
}
.nav-icon img{
	width: 1.5rem;
	height: 2rem;
}



.section{
	background-color: white;
	padding-top: 0.5rem;
	/*height: 25rem;*/
}
.section-list{
	display: flex;
	height: 1.5rem;
	justify-content: space-between;
}
.section-list .list-left{
	width: 15%;
	text-align: center;
}
.list-left-tips1{
	width: 1.75rem;
	height: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20%;
	text-align: center;
	background-color: #87dd5e;
}
.list-left-tips2,.list-left-tips6{
	width: 1.75rem;
	height: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20%;
	text-align: center;
	background-color: #fc8655;
}
.list-left-tips3,.list-left-tips9{
	width: 1.75rem;
	height: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20%;
	text-align: center;
	background-color: #b9e889;
}
.list-left-tips8{
	width: 1.75rem;
	height: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20%;
	text-align: center;
	background-color: #38c2cb;
}
.list-left-tips4,.list-left-tips5,.list-left-tips7,.list-left-tips10{
	width: 1.75rem;
	height: 1.5rem;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20%;
	text-align: center;
	background-color: #74b5fe;
}
.section-list .list-right{
	color: black;
	width: 85%;
}
.section-list .list-hr{
	display: flex;
	justify-content: space-between;
}

.list-hr .hr-right{
	/*width: 85%;*/
	margin-left: 15%;
}
.tips-up{
	display: flex;
	justify-content: center;
	height: 2rem;
	padding-top: 0rem;
	background-color: #FFFFFF;
	color: #000000;
	align-items: center;
}
.tips-up .tips-down a{
	text-decoration: none;
}
.footer-tips{
	height: 12rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFFFFF;
}
.footer-imges{
	height: 10rem;
	width: 90%;
	background-image: url(../images/holiday.jpeg);
	background-repeat: no-repeat;
	background-size: 100%;
	border-radius: 4%;
}
.nothing{
	height: 2rem;
	background-color: #FFFFFF;
}
